寫網頁的應該知道 RGB、RGBA、HSL、HSLA 等 CSS 表達顏色的方式，其中 RGB 就是色光三原色，用在顯示器上的色彩模式，而 HSL 則是色彩三要素，適合人眼識別。而另一個較少聽到的 CMYK 則是用於印刷的色彩模式。

其中色彩三要素是色彩學中非常重要的理論。

• 色相(hue)
• 飽和度(sturation)
• 明度(Bright)

HSL 跟 HSB 很像，差別在明度(Light)與亮度(Bright)的差異

色相

用來決定整張圖的整體色系及風格。

常見的相似色配色法、互補配色法、補色分割配色法、矩形配色法、三等分配色法就是在色輪上選擇顏色並搭配。

飽和度

低飽和色系就是大名鼎鼎的莫蘭迪色，除了對眼睛友善，配色也十分時尚!

固定選黃色框框內的範圍，再移動色彩就會得到一系列低彩度的好看顏色!

明度

白色明度最高，黑色明度最低。前兩天的灰階練習練習都是訓練判斷明度的準確喔!

有一點要注意，不同的顏色即使飽和度(S)及明度(L)相同，轉成灰階後仍會有明度的差異喔!

(用 photopea image -> black & white 轉換)

以上就是簡易的色彩理論，由於我也是電繪小萌新，因此很難說在實際應用上該怎麼做，之後開始上色後再來分享!

參考資料

設計配色完整攻略：色彩意義、色彩理論、色彩心理學讓您一次擁有！

顏色空間(HSV/HSB與HLS)的區別